.dnd-add-common-container{
	position: relative;
	max-width:485px;
	margin: 0 auto;
}
.catalog-preset-left,
.catalog-preset-right{
	background-color: #d2d8de;
	box-sizing: border-box !important;
	float: left;
	padding: 16px;
	border-radius:2px;
	max-width:285px;
	margin-top:5px;
}
.catalog-preset-left{
	width:160px;
	min-height:103px;
}
/*.drop-zone-active{
	border:2px dashed #c1c8d0;
	padding: 14px;
}*/
.catalog-preset-right{
	position: relative;
	width:calc(100% - 200px);
	margin-left:40px;
}
.catalog-preset-center-arrow{
	width:40px;
	position: absolute;
	bottom: 0;
	top: 0;
	left:-40px;
}
.catalog-preset-center-arrow-btn{
	width:40px;
	height:40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	opacity: .2;
	background: center no-repeat url();
	-webkit-transition: opacity 250ms ease;
	   -moz-transition: opacity 250ms ease;
		-ms-transition: opacity 250ms ease;
		 -o-transition: opacity 250ms ease;
			transition: opacity 250ms ease;
}
.catalog-preset-center-arrow-btn:hover{
	cursor: pointer;
	opacity: .6;
}
.catalog-preset-clear{clear: both;}
.catalog-preset-selected {
	border: solid #259bd9 1px !important;
}

.catalog-preset-shem{
	width: 120px;
	height:65px;
	float: left;
	margin: 2px;
	border-radius:2px;
	cursor: grab;
	cursor: -webkit-grab;
	border: 1px solid #c1c8d0;
	background-size:90%;
	background-color: #fff;
	background-repeat:no-repeat;
	background-position: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
}
.dnd-add-dragged-item:focus,
.dnd-add-dragged-item:active,
.catalog-preset-shem:focus,
.catalog-preset-shem:active{cursor: grabbing;cursor: -webkit-grabbing;}
.catalog-preset-shem-1  {background-image: url(images/preset-1.png);}
.catalog-preset-shem-2  {background-image: url(images/preset-2.png);}
.catalog-preset-shem-3  {background-image: url(images/preset-3.png);}
.catalog-preset-shem-4  {background-image: url(images/preset-4.png);}
.catalog-preset-shem-4-1{background-image: url(images/preset-4-1.png);}
.catalog-preset-shem-1-4{background-image: url(images/preset-1-4.png);}
.catalog-preset-shem-6  {background-image: url(images/preset-6.png);}
.catalog-preset-shem-6-1{background-image: url(images/preset-6-1.png);}
.catalog-preset-shem-1-6{background-image: url(images/preset-1-6.png);}
.catalog-preset-shem-line{background-image: url(images/preset-line.png);}

.catalog-preset-bigdata-control{text-align: right !important;}
.catalog-preset-shem-bigdata{
	position: absolute;
	top: 0;
	bottom: 0;
	right:0;
	left: 0;
	opacity: 0;
	display: block;
	overflow: hidden;
	-webkit-transition: opacity 250ms ease;
	   -moz-transition: opacity 250ms ease;
		-ms-transition: opacity 250ms ease;
		 -o-transition: opacity 250ms ease;
			transition: opacity 250ms ease;
	background: url() no-repeat left top;
}
.catalog-preset-shem[data-bigdata=true] .catalog-preset-shem-bigdata{opacity: 1;}

.catalog-preset-shem.draggable-active{
	border-style:dashed;
	opacity:.6;
}
.dnd-add-draggable-control{
	position: relative;
}
.dnd-add-draggable-control-remove{
	opacity: 0;
	position: absolute;
	right:-5px;
	top:  -5px;
	width:17px;
	height:17px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	cursor: pointer;
	-webkit-transition: opacity 180ms ease;
	   -moz-transition: opacity 180ms ease;
		-ms-transition: opacity 180ms ease;
		 -o-transition: opacity 180ms ease;
			transition: opacity 180ms ease;
}
.dnd-add-draggable-control:hover .dnd-add-draggable-control-remove{
	opacity:.8;
}
.dnd-add-draggable-control-remove:hover{
	opacity: 1 !important;
}